<template>
    <div class="no-result">
        <div class="no-result-icon"></div>
        <p class="no-result-text">{{title}}</p>
    </div>
</template>

<script>
export default {
    props : {
        title : {
            type : String,
            default : ''
        }
    }
}
</script>

<style scoped lang="stylus">
@import "~common/stylus/variable"
@import "~common/stylus/mixin"

.no-result
    text-align: center
    .no-result-icon
        width: 86px
        height: 90px
        margin: 0 auto
        bg-image('no-result')
        background-size: 86px 90px
    .no-result-text
        margin-top: 30px
        font-size: $font-size-medium
        color: $color-text-d
</style>
